<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>Softlink</title>
	<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
	<script src="https://unpkg.com/better-scroll@1.0.1/dist/bscroll.min.js"></script>
	<link rel="stylesheet" href="../css/public.css">
	<link rel="stylesheet" type="text/css" href="../css/our.css" />
	<script type="text/javascript">
		(function (deviceWidth, fontSize) {
            deviceWidth = deviceWidth || 640;
            fontSize = fontSize || 100;
            var metas = document.querySelectorAll('meta');
            var viewPort = [].slice.call(metas).filter((item) => {
                return item.name === 'viewport';
            })[0];
            if (!viewPort) {
                var meta = document.createElement('meta');
                meta.name = 'viewport';
                viewPort = document.head.insertBefore(meta, metas[metas.length - 1].nextElementSibling);
            }
            var scale = 1 / window.devicePixelRatio;
            viewPort.content = `width=device-width, initial-scale=${scale}, maximum-scale=${scale}, minimum-scale=${scale}, user-scalable=no`;
            var html = document.documentElement;
            var fn = function () {
                html.style.fontSize = (html.clientWidth / deviceWidth) * fontSize + 'px';
            };
            fn();
            window.addEventListener('resize', fn);
        })(750, 50);
	</script>
	<script src="../js/public.js"></script>
	<script src="../js/our.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
	<div class="wrapper">
		<div class="content">
			<dl class="user" style="display: block;">
				<dt><img src="../img/tu.jpg"></dt>
				<dd class='userInfo'>点击此处登录/注册</dd>
			</dl>
			<div class="wrapped">
				<li class="order">已购课程</li>
				<div class="bor"></div>
				<li class="coup">我的礼券</li>
				<div class="bor"></div>
				<li class="code">兑换码</li>
				<div class="bor"></div>
				<li class="follow">我的关注</li>
				<div class="bor"></div>
				<li class="collection">我的收藏</li>
				<div class="borb"></div>
				<li class="setup">设置</li>
			</div>
			
		</div>
		<footer>
				<dl>
					<a href="index.html">
						<dt><img src="../img/zhi_act.png"></dt>
						<dd>直播</dd>
					</a>
				</dl>
				<dl>
					<a href="mall.html">
						<dt><img src="../img/shan.png"></dt>
						<dd>商城</dd>
					</a>
				</dl>
				<dl>
					<dt><img src="../img/study.png"></dt>
					<dd>学习</dd>
				</dl>
				<dl>
					<a href="our.html">
						<dt><img src="../img/pre_act.png"></dt>
						<dd class="blue">我的</dd>
					</a>
				</dl>
			</footer>
	</div>
</body>

</html>